<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>Perfekta. Multipurpose Site Theme.</title>
		<link rel="shortcut icon" href="images/favicon.png">

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

		<!-- Custom CSS -->
		<link href="css/style.css" rel="stylesheet" media="screen">

		<!-- Owl Carousel stylesheet -->
		<link href="css/owl.carousel.css" rel="stylesheet">

		<!-- Owl Carousel Default Theme -->
		<link href="css/owl.theme.css" rel="stylesheet">

		<!-- Fancybox -->
		<link href="css/jquery.fancybox.css" rel="stylesheet">

		<!-- Google Fonts -->
		<link href="http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic|Bree+Serif" rel="stylesheet">

		<!-- Font Awesome Icons -->
		<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.2/css/font-awesome.css" rel="stylesheet">

		<!-- HTML5 shiv and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>

		<!-- Fixed navbar -->
		<div class="navbar navbar-inverse navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="index.html"><img src="http://coffeecreamthemes.com/themes/perfekta/site/images/logo.png" alt="Perfekta. Multipurpose Site Theme." class="img-responsive" /></a>
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="index.html">Full Width Slider</a></li>
								<li><a href="index-fullscreen.html">Full Screen Slide</a></li>
								<li><a href="index-fixed.html">Fixed Width Slider</a></li>
								<li><a href="index-bootstrap-fullwidth.html">Full Width Bootstrap Carousel</a></li>
								<li><a href="index-bootstrap-fixedwidth.html">Fixed Width Bootstrap Carousel</a></li>
								<li><a href="index-image-text.html">Static Image and Text Banner</a></li>
								<li><a href="index-image.html">Static Image Banner</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="features.html">Features</a></li>
								<li><a href="about.html">About Us</a></li>
								<li><a href="member.html">Team Member</a></li>
								<li><a href="leftcolumn.html">Left Column</a></li>
								<li><a href="rightcolumn.html">Right Column</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="portfolio1.html">1 Columns</a></li>
								<li><a href="portfolio2.html">2 Columns</a></li>
								<li><a href="portfolio3.html">3 Columns</a></li>
								<li><a href="portfolio4.html">4 Columns</a></li>
								<li><a href="project.html">Single Project Page</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="blog.html">Post List</a></li>
								<li><a href="post.html">Single Post</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Shop <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="shop.html">Product List</a></li>
								<li><a href="products.html">Product Details</a></li>
								<li><a href="basket.html">Basket</a></li>
								<li><a href="checkout.html">Checkout</a></li>
							</ul>
						</li>
					</ul>
				</div><!--/.nav-collapse -->
			</div><!--/.container -->
		</div><!--/.navbar -->

		<!-- Content Start -->
		<div class="container">

			<div class="row row-margin no-fade">

				<!-- Posts Start -->
				<div class="col-sm-8">

					<article class="post">
						<h2 class="entry-title">Default Post</h2>
						<div class="entry-meta">
							<span class="date"><i class="fa fa-calendar"></i>December 7, 2013</span>
							<span class="author"><i class="fa fa-user"></i>By admin</span>
							<span class="comments"><i class="fa fa-comment"></i><a href="post.html/#comments">5 Comments</a></span>
							<span class="entry-categories"><i class="fa fa-tag"></i>Posted in:  <a href="post.html">Business</a></span>
							<span class="entry-tags"><i class="fa fa-tags"></i>Tags: <a href="post.html">theme</a>, <a href="post.html">marketing</a></span>
						</div>
						<div class="post-thumb">
							<img src="http://placehold.it/1600x600" alt="Banner" class="img-responsive" />
						</div>
						<div class="entry-content">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer felis risus, suscipit vel luctus in, pellentesque et lectus. Nunc lacinia ac urna id laoreet. Phasellus congue, libero id ornare varius, nibh risus volutpat ligula, eget pulvinar lacus erat nec lectus. Aliquam a enim sit amet erat sollicitudin aliquet. Fusce venenatis dictum turpis, in congue velit condimentum vitae. Nulla ligula diam, rhoncus non elit vel, pharetra tincidunt felis. Suspendisse convallis metus ac nisl tristique luctus.</p>
						</div>
						<div class="post-more">
							<a href="post.html" class="btn btn-primary btn-lg">Read more</a>
						</div>
					</article>

					<article class="post">
						<h2 class="entry-title">Gallery Post</h2>
						<div class="entry-meta">
							<span class="date"><i class="fa fa-calendar"></i>December 7, 2013</span>
							<span class="author"><i class="fa fa-user"></i>By admin</span>
							<span class="comments"><i class="fa fa-comment"></i><a href="post.html/#comments">5 Comments</a></span>
							<span class="entry-categories"><i class="fa fa-tag"></i>Posted in:  <a href="post.html">Business</a></span>
							<span class="entry-tags"><i class="fa fa-tags"></i>Tags: <a href="post.html">theme</a>, <a href="post.html">marketing</a></span>
						</div>
						<div class="post-thumb">
							
							<div id="banner" class="carousel slide">

								<!-- Indicators -->
								<ol class="carousel-indicators">
									<li data-target="#banner" data-slide-to="0" class="active"></li>
									<li data-target="#banner" data-slide-to="1"></li>
									<li data-target="#banner" data-slide-to="2"></li>
									<li data-target="#banner" data-slide-to="3"></li>
								</ol>

								<!-- Wrapper for slides -->
								<div class="carousel-inner">
									<div class="item active">
										<img src="http://placehold.it/1600x600" alt="Banner" />
									</div>
									<div class="item">
										<img src="http://placehold.it/1600x600" alt="Banner" />
									</div>
									<div class="item">
										<img src="http://placehold.it/1600x600" alt="Banner" />
									</div>
									<div class="item">
										<img src="http://placehold.it/1600x600" alt="Banner" />
									</div>
								</div>

								<!-- Controls -->
								<a class="left carousel-control" href="#banner" data-slide="prev"><i class="fa fa-chevron-left"></i></a>
								<a class="right carousel-control" href="#banner" data-slide="next"><i class="fa fa-chevron-right"></i></a>

							</div>

						</div>
						<div class="entry-content">
							<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris pretium neque imperdiet semper pellentesque. Proin bibendum, quam vel egestas ullamcorper, sapien orci eleifend nisl, placerat tincidunt quam nibh ut purus. Integer quam purus, scelerisque vitae aliquam sed, tincidunt eget libero. Morbi nunc enim, rhoncus ut rutrum vitae, dapibus at eros.</p>
						</div>
						<div class="post-more">
							<a href="post.html" class="btn btn-primary btn-lg">Read more</a>
						</div>
					</article>

					<article class="post">
						<h2 class="entry-title">Video Post</h2>
						<div class="entry-meta">
							<span class="date"><i class="fa fa-calendar"></i>December 7, 2013</span>
							<span class="author"><i class="fa fa-user"></i>By admin</span>
							<span class="comments"><i class="fa fa-comment"></i><a href="post.html/#comments">5 Comments</a></span>
							<span class="entry-categories"><i class="fa fa-tag"></i>Posted in:  <a href="post.html">Business</a></span>
							<span class="entry-tags"><i class="fa fa-tags"></i>Tags: <a href="post.html">theme</a>, <a href="post.html">marketing</a></span>
						</div>
						<div class="post-thumb">
							<video poster="http://placehold.it/1440x810" style="width: 100%; height: 100%;" width="750" height="421" controls>
								<source type="video/mp4" src="http://coffeecreamthemes.com/themes/perfekta/site/videos/trailer_iphone.m4v">
								<source type="video/ogg" src="http://coffeecreamthemes.com/themes/perfekta/site/videos/trailer_400p.ogg">
								Your browser does not support the video tag.
							</video>
						</div>
						<div class="entry-content">
							<p>Nam ac neque pulvinar, tempor nulla ac, dignissim eros. Ut leo tellus, interdum tincidunt dignissim eget, porta non turpis. Proin urna mauris, luctus ut libero nec, fermentum dictum massa. Proin purus nisi, cursus sit amet nisi ac, facilisis feugiat nulla. Pellentesque ultricies est lacus, interdum hendrerit purus lacinia quis. Cras semper pulvinar ornare. Etiam vel sapien ante. Mauris in urna magna. Sed in nibh eu dolor sodales imperdiet. Sed egestas mattis purus ut cursus.</p>
						</div>
						<div class="post-more">
							<a href="post.html" class="btn btn-primary btn-lg">Read more</a>
						</div>
					</article>

					<article class="post">
						<h2 class="entry-title">Audio Post</h2>
						<div class="entry-meta">
							<span class="date"><i class="fa fa-calendar"></i>December 7, 2013</span>
							<span class="author"><i class="fa fa-user"></i>By admin</span>
							<span class="comments"><i class="fa fa-comment"></i><a href="post.html/#comments">5 Comments</a></span>
							<span class="entry-categories"><i class="fa fa-tag"></i>Posted in:  <a href="post.html">Business</a></span>
							<span class="entry-tags"><i class="fa fa-tags"></i>Tags: <a href="post.html">theme</a>, <a href="post.html">marketing</a></span>
						</div>
						<div class="post-thumb">
							<audio style="width: 100%;" controls>
								<source src="http://coffeecreamthemes.com/themes/perfekta/site/audio/adg3com_cloudlessdays.ogg" type="audio/ogg">
								<source src="http://coffeecreamthemes.com/themes/perfekta/site/audio/adg3com_cloudlessdays.mp3" type="audio/mpeg">
								Your browser does not support the audio element.
							</audio>
						</div>
						<div class="entry-content">
							<p>Sed molestie bibendum lorem, ut semper turpis porttitor sed. Maecenas rutrum, lectus a posuere dignissim, lacus mi adipiscing lorem, a vestibulum erat eros at nisi. Duis pharetra, nibh a tempus luctus, felis lectus fringilla lorem, ac faucibus sapien lorem vel mauris. Vivamus massa nisi, interdum et neque vitae, aliquam lacinia quam. Cras at fringilla magna. Maecenas aliquam tortor purus, eu consequat quam ullamcorper id. Nunc pretium laoreet enim, ac ornare arcu suscipit vel.</p>
						</div>
						<div class="post-more">
							<a href="post.html" class="btn btn-primary btn-lg">Read more</a>
						</div>
					</article>

					<div class="blog-pagination">
						<a href="#" class="pull-left"><i class="fa fa-chevron-left"></i>Previous</a>
						<a href="#" class="pull-right">Next<i class="fa fa-chevron-right"></i></a>
					</div>

				</div>
				<!-- Posts End -->

				<!-- Column Start -->
				<div class="col-sm-4">
					<aside>
						<h5><i class="fa fa-file-text fa-lg"></i>Recent Posts</h5>
						<ul class="submenu">
							<li><a href="post.html">This is your theme</a></li>
							<li><a href="post.html">Reposnsive web design</a></li>
							<li><a href="post.html">Plenty of options</a></li>
							<li><a href="post.html">Revolution slider</a></li>
						</ul>
						<hr>
						<h5><i class="fa fa-folder-open fa-lg"></i> Categories</h5>
						<ul class="submenu">
							<li><a href="#">Business</a></li>
							<li><a href="#">Marketing</a></li>
							<li><a href="#">Sales</a></li>
							<li><a href="#">Services</a></li>
						</ul>
						<hr>
						<h5><i class="fa fa-archive fa-lg"></i> Archives</h5>
						<ul class="submenu">
							<li><a href="#">December 2013</a></li>
							<li><a href="#">November 2013</a></li>
							<li><a href="#">October 2013</a></li>
							<li><a href="#">September 2013</a></li>
						</ul>
					</aside>
				</div>
				<!-- Column End -->

			</div>
			
		</div>
		<!-- Content End -->

		<!-- Prefooter Start -->
		<div class="prefooter">
			<div class="container">
				<div class="row">
					<div class="col-sm-3 latest-posts">
						<h5>Latest News</h5>
						<div class="row">
							<div class="col-xs-4">
								<img src="http://placehold.it/80x80" alt="" />
							</div>
							<div class="col-xs-8">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus.
								<br><a href="#">Read More</a>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-4">
								<img src="http://placehold.it/80x80" alt="" />
							</div>
							<div class="col-xs-8">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus.
								<br><a href="#">Read More</a>
							</div>
						</div>
					</div>
					<div class="col-sm-3 latest-comments">
						<h5>Latest Comments</h5>
						<div class="row">
							<div class="col-xs-4">
								<img src="http://placehold.it/80x80" alt="" />
							</div>
							<div class="col-xs-8">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus.
								<br><a href="#">Read More</a>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-4">
								<img src="http://placehold.it/80x80" alt="" />
							</div>
							<div class="col-xs-8">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus.
								<br><a href="#">Read More</a>
							</div>
						</div>
					</div>
					<div class="col-sm-3 footer-photos">
						<h5>Latest Photos</h5>
						<ul>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group"><img src="http://placehold.it/90x90" alt="" /></a></li>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group"><img src="http://placehold.it/90x90" alt="" /></a></li>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group"><img src="http://placehold.it/90x90" alt="" /></a></li>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group"><img src="http://placehold.it/90x90" alt="" /></a></li>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group"><img src="http://placehold.it/90x90" alt="" /></a></li>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group"><img src="http://placehold.it/90x90" alt="" /></a></li>
						</ul>
						<div class="clear"></div>
					</div>
					<div class="col-sm-3 footer-contact">
						<h5>Contact Us</h5>
						<ul>
							<li>
								<address>
									<i class="fa fa-map-marker"></i>
									<p>
										<span>Address:</span>
										<br>416 Water St.
										<br>New York, NY 10002, USA
									</p>
								</address>
							</li>
							<li>
								<i class="fa fa-phone"></i>
								<p><span>Phone:</span> +1 800 555 789</p>
							</li>
							<li>
								<i class="fa fa-print"></i>
								<p><span>Fax:</span> +1 123 555 789</p>
							</li>
							<li>
								<i class="fa fa-envelope"></i>
								<p><span>Email:</span> <a href="mailto:name@domain.com">name@domain.com</a></p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- Prefooter End -->

		<!-- Footer Start -->
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-sm-6">
						&copy; 2013 Perfekta. Web Design &amp; Development by <a href="http://www.coffeecreamthemes.com/" target="_blank">Coffeecream Themes</a>.
					</div>
					<div class="col-sm-6">
						<ul>
							<li><a href="http://facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a></li>
							<li><a href="http://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
							<li><a href="http://plus.google.com/" target="_blank"><i class="fa fa-google-plus"></i></a></li>
							<li><a href="http://tumblr.com/" target="_blank"><i class="fa fa-tumblr"></i></a></li>
							<li><a href="http://dribbble.com/" target="_blank"><i class="fa fa-dribbble"></i></a></li>
							<li><a href="http://xing.com/" target="_blank"><i class="fa fa-xing"></i></a></li>
							<li><a href="http://youtube.com/" target="_blank"><i class="fa fa-youtube"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</footer>
		<!-- Footer Start -->

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="http://code.jquery.com/jquery.js"></script>

		<!-- Bootstrap Plugins -->
		<script src="js/bootstrap.min.js"></script>

		<!-- Retina Plugin -->
		<script src="js/retina-1.1.0.min.js"></script>

		<!-- Owl Carousel Plugin -->
		<script src="js/owl.carousel.js"></script>

		<!-- Fancybox Plugin -->
		<script src="js/jquery.fancybox.js"></script>

		<!-- Bootstrap Progress Bar -->
		<script src="js/bootstrap-progressbar.js"></script>

		<!-- MixItUp Plugin -->
		<script src="js/jquery.mixitup.js"></script>

		<!-- Settings -->
		<script src="js/settings-inner.js"></script>
		
	</body>
</html>